//详情页的  js

let id = sessionStorage.getItem('id');
if (!id || !/^\d+$/.test(id)) {
    layer.msg('非法数据!!', { time: 2000 }, function () {
      location.href = 'list.html'; // 跳转回列表页
    })
  }

  let index = layer.load(0, { shade: [.5, '#ccc'] });
  async function fn(){
     let res = await pAjax({
          url:'../server/detail.php',
          data:{id},
          dataType:'json'
      })
      let {data} = res;
      console.log(data);

      $('.boxright').find('h2').text(data.name)
      $('.nav-bar').find('h2').text(data.name);//商品名字
      $('.boxright').find('h4').text(data.price)//获取价格
      $('.boxright').find('.p1').text(data.introduce)//获取商品介绍

      //放大镜
      let arrImg = data.imgpath.split('=====');
    //   console.log(src);
      //中土和大图
      $('.middleBox>img').prop('src', arrImg[0])
      $('.box>.bigBox').css({
        'background-image': 'url('+ arrImg[0]+')'
      })
    //   小图
    let str = arrImg.map(v => `<li><img src="${v}" alt=""></li>`).join('');
    $('.smallBox ul').html(str);

    enlarge1();
    //将商品的库存和id标签存储起来，点 + 和 -的时候
    $('#num').attr('stock',data.stock);
    $('#num').attr('index',data.id);
    layer.close(index);
  }
  fn()
 

  // 购物车
  $('.addCart')[0].onclick = (e) =>{
    e = e || window.event;
    //事件委托
    let that = e.target;
    if($(that).text() === '+'){//判断的是不是+号
      $('.reduce').prop('disabled',false);
      let n = $('#num').val();//获取之前购物车数量
      let stock = $('#num').attr('stock');
      n++;
      if(n>stock){
        n = stock;
        layer.msg('超出库存');
        $(that).prop('disabled',true);//禁用按钮
      }
      $('#num').val(n);
    }
   
    if($(that).text() === '-'){//判断的是不是+号
      $('.add').prop('disabled',false);
      let n = $('#num').val();//获取之前购物车数量
      let stock = $('#num').attr('stock');
      n--;
      if(n<1){
        n = 1;
        layer.msg('购买数量至少为1');
        $(that).prop('disabled',true);
      }
      $('#num').val(n);
    }

   //加入购物车
   if ($(that).text() === '加入购物车') {
    // 通过cookie获取用户名
    let username = getCookie('username');
    // 未登录，则跳转回登录页面
    if (!username) return layer.msg('请先登录', { time: 1000 }, () => { location.href = './login.html' });
    //已经登录
    // 获取商品id 及 购买商品的数量
    let id = $('#num').attr('index');
    let n = $('#num').val();
  
    let car = { username, id, n };
    // 获取本地购物车
    let carData = localStorage.getItem('data');
    if (!carData || !carData.length) { // 本地购物车没有数据
      localStorage.setItem('data', JSON.stringify([car]));
      layer.msg('加入购物车成功', { icon: 6 }, () => {
        location.href = './cart.html';
      });
      return;
    }

    // 本地购物车有数据
    let carArr = JSON.parse(carData);
    // 判断 本地购物车之前是否有添加过这个商品
    let index = carArr.findIndex(v => v.username === username && v.id === id);
    if (index === -1) { // 说明用户在购物车之前没有添加这个商品
      carArr.push(car);
      localStorage.setItem('data', JSON.stringify(carArr));
      layer.msg('加入购物车成功', { icon: 6 }, () => {
        location.href = './cart.html';
      });
      return;
    }

    // 用户之前有添加这个商品到购物车
    // 找到之前添加的 购物车数据
    let car1 = carArr.find(v => v.username === username && v.id === id);
    // 将当前的购物数量 累加到之前的 购物数中
    let num = (car1.n - 0) + (n - 0);
    if (num > $('#num').attr('stock')) return layer.msg('超出库存量');
    // 没有超出库存，则将购物数据写入到本地的购物车
    car1.n = num;
    localStorage.setItem('data', JSON.stringify(carArr));
    layer.msg('加入购物车成功', { icon: 6 }, () => {
      location.href = './cart.html';
    });
    return;
  }

//进入购物车
if ($(that).text() === '加入购物车') {
  // 通过cookie获取用户名
  let username = getCookie('username');
  // 未登录
  if (!username) { 
    layer.msg('请先登录', { time: 1000 }, () => { location.href = './login.html' }); 
    return false;// 阻止默认跳转
  }else{
    location.href = './cart.html';
    return false; // 阻止默认跳转
  }
}

// 购物数据量的范围
$('#num').blur(function(){
  let n = parseInt($(this).val()); 
  let stock = parseInt($(this).attr('stock'));
  if(n<1 || n> stock){
    layer.msg('购买数量超出');
    // $(this).val(1);
  }
})
  }


  
